<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>API详情页</title>
    <link rel="stylesheet" href="../libc/lizi/css/lizi.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/APIdetails.css">
</head>

<body>
    <!-- 顶部外面大盒子 -->
    <div class="nav-top">
        <!-- 左边logo -->
        <div class="logo"> <a href="index.html"><img src="./imgs/new-logo-white2.png" alt=""></a>
        </div>
        <!-- 中间导航栏 -->
        <div class="nav-top-zhong">
            <a href="index.html">首页</a>
            <a class="acvtion a" href="API.html">API</a>
            <a  href="case.html">案例</a>

        </div>
        <!-- 右上角登录和注册按钮 -->
        <div class="btn">
            <a href="login.html"><button class="login">登录</button></a>
            <a href="register.html"> <button class="register">注册有礼</button></a>
        </div>
    </div>
    <!-- 粒子效果 -->
    <div class="particle-box">
        <div  id="particles-js">  <canvas class="particles-js-canvas-el"></canvas></div>
        <!-- 包左右两边盒子的 -->
        <div class="particle-list container">
            <!-- 左边盒子 -->
            <div class="particle-left">
                <img class="img" src="./imgs/API11.jpg" alt="">
                <ul class="particle-z">
                    <li>
                        <img src="./imgs/API_smallicon_01.jpg" alt="">
                        <span>103</span>
                    </li>
                    <li>
                        <img src="./imgs/API_smallicon_02.jpg" alt="">
                        <span>14245</span>
                    </li>
                    <li>
                        <img src="./imgs/API_smallicon_03.jpg" alt="">
                        <span>623</span>
                    </li>
                </ul>
            </div>
            <!-- 右边盒子 -->
            <div class="particle-right">
                <div class="particle-id">
                    <strong>身份实名认证</strong>
                    <span>支持HTTPS</span>
                    <i>企业专用</i>
                </div>
                <p class="enterprise"><span>限企业实名用户使用</span><i>本接口需提供应用场景</i><em>审核个人实名用户无法使用</em></p>
                <p class="ids">检测姓名和身份证号是否一致，身份证验证。</p>
                <div class="test"><span>扫码测试<img src="./imgs/103-demo.png" alt="">

                    </span>
                    <!-- <i>4000次</i> -->
                </div>
                <p class="rmb"><span>¥1200</span>(约 <i> 0.3000</i> 元/次),仅限企业实名购买;</p>
                <button class="particle-btn">立即申请</button>
            </div>
        </div>
    </div>
    <!-- 选项卡效果上部背景盒子 -->
    <div class="content">
        <!-- 选项卡内容 -->
        <div class="container tab">
            <span class="tabSpan">API文档</span>
            <span>错误码参照</span>
            <span>示例代码</span>
            <span>联系我们</span>
        </div>

    </div>
    <!-- 选项卡下方内容 -->
    <div class="tab-box container">
        <!-- 选项卡左边内容 -->
        <div class="tab-left">
            <!-- API文档 -->
            <div class="contentDiv contentDivs">
                <!-- 第一个左边内容 -->
                <div class="first-content">
                    <p><strong>接口地址:</strong><span>http://op.itsource.cn/idcard/query</span></p>
                    <p><strong>返回格式:</strong><span>json</span></p>
                    <p><strong>请求方式:</strong><span>http get/post</span></p>
                    <p><strong>请求示例:</strong><span>http://op.itsource.cn/idcard/query?key=您申请的KEY&idcard=&realname=</span>
                    </p>
                    <p><strong>接口备注:</strong><span>error_code为0时计费</span></p>
                    <div class="API-ceshi">API测试工具</div>
                </div>
                <!-- 左边第二个内容 -->
                <div class="second-content">
                    <p class="explain">请求参数说明:</p>
                    <table>
                        <tr>
                            <th>名称</th>
                            <th>必填</th>
                            <th>类型</th>
                            <th>说明</th>
                        </tr>
                        <tr>
                            <td>idcard</td>
                            <td>是</td>
                            <td>string</td>
                            <td>身份证号码</td>
                        </tr>
                        <tr>
                            <td>realname</td>
                            <td>是</td>
                            <td>string</td>
                            <td>姓名(UTF-8)</td>
                        </tr>
                        <tr>
                            <td>orderid</td>
                            <td>否</td>
                            <td>int</td>
                            <td>传1时返回单号，默认不返回单号(建议传入)</td>
                        </tr>
                        <tr>
                            <td>key</td>
                            <td>是</td>
                            <td>string</td>
                            <td>在个人中心->我的数据,接口名称上方查看</td>
                        </tr>
                    </table>
                </div>
                <!-- 左边第三个内容 -->
                <div class="second-content second-contents">
                    <p class="explain">返回参数说明:</p>
                    <table>
                        <tr>
                            <th>名称</th>
                            <th>必填</th>
                            <th>类型</th>
                            <th>说明</th>
                        </tr>
                        <tr>
                            <td>idcard</td>
                            <td>是</td>
                            <td>string</td>
                            <td>身份证号码</td>
                        </tr>
                        <tr>
                            <td>realname</td>
                            <td>是</td>
                            <td>string</td>
                            <td>姓名(UTF-8)</td>
                        </tr>
                        <tr>
                            <td>orderid</td>
                            <td>否</td>
                            <td>int</td>
                            <td>传1时返回单号，默认不返回单号(建议传入)</td>
                        </tr>
                        <tr>
                            <td>key</td>
                            <td>是</td>
                            <td>string</td>
                            <td>在个人中心->我的数据,接口名称上方查看</td>
                        </tr>
                    </table>
                </div>
                <!-- 左边第四个内容 -->
                <div class="second-content second-contents examples">
                    <p class="explain">JSON返回示例: <span class="JSON">JSON在线格式化工具</span></p>
                    <div class="example">
                        <p>{</p>

                        <p> "reason": "成功",</p>

                        <p> "result": {</p>

                        <p> "realname": "***",/*真实姓名*/</p>

                        <p> "idcard": "******************",/*身份证号码*/</p>

                        <p> "orderid":"J103202010151450419556",/*流水号*/</p>

                        <p> "res": 1 /*1：匹配 2：不匹配*/</p>

                        <p> },</p>

                        <p> "error_code": 0</p>

                        <p> }</p>
                    </div>

                </div>
            </div>
            <!--错误参照码 -->
            <div class="contentDiv">
                <!-- 错误参照码第一个内容 -->
                <div class="second-content">
                    <p class="explain">请求参数说明:</p>
                    <table>
                        <tr>
                            <th>名称</th>
                            <th>必填</th>
                            <th>类型</th>
                            <th>说明</th>
                        </tr>
                        <tr>
                            <td>idcard</td>
                            <td>是</td>
                            <td>string</td>
                            <td>身份证号码</td>
                        </tr>
                        <tr>
                            <td>realname</td>
                            <td>是</td>
                            <td>string</td>
                            <td>姓名(UTF-8)</td>
                        </tr>
                        <tr>
                            <td>orderid</td>
                            <td>否</td>
                            <td>int</td>
                            <td>传1时返回单号，默认不返回单号(建议传入)</td>
                        </tr>
                        <tr>
                            <td>key</td>
                            <td>是</td>
                            <td>string</td>
                            <td>在个人中心->我的数据,接口名称上方查看</td>
                        </tr>
                    </table>
                </div>
                <!-- 错误参照码第二个内容 -->

                <div class="second-content second-contents">
                    <p class="explain">返回参数说明:</p>
                    <table>
                        <tr>
                            <th>名称</th>
                            <th>必填</th>
                            <th>类型</th>
                            <th>说明</th>
                        </tr>
                        <tr>
                            <td>idcard</td>
                            <td>是</td>
                            <td>string</td>
                            <td>身份证号码</td>
                        </tr>
                        <tr>
                            <td>realname</td>
                            <td>是</td>
                            <td>string</td>
                            <td>姓名(UTF-8)</td>
                        </tr>
                        <tr>
                            <td>orderid</td>
                            <td>否</td>
                            <td>int</td>
                            <td>传1时返回单号，默认不返回单号(建议传入)</td>
                        </tr>
                        <tr>
                            <td>key</td>
                            <td>是</td>
                            <td>string</td>
                            <td>在个人中心->我的数据,接口名称上方查看</td>
                        </tr>
                    </table>
                </div>
                <!-- 错误参照码第三个内容 -->
                <div class="second-content second-contents examples">
                    <p class="explain">JSON返回示例: <span class="JSON">JSON在线格式化工具</span></p>
                    <div class="example">
                        <p>{</p>

                        <p> "reason": "成功",</p>

                        <p> "result": {</p>

                        <p> "realname": "***",/*真实姓名*/</p>

                        <p> "idcard": "******************",/*身份证号码*/</p>

                        <p> "orderid":"J103202010151450419556",/*流水号*/</p>

                        <p> "res": 1 /*1：匹配 2：不匹配*/</p>

                        <p> },</p>

                        <p> "error_code": 0</p>

                        <p> }</p>
                    </div>

                </div>


            </div>
            <!-- 示例文档 -->
            <div class="contentDiv">
                <div class="second-content second-contents examples">
                    <p class="explain">JSON返回示例: <span class="JSON">JSON在线格式化工具</span></p>
                    <div class="example">
                        <p>{</p>

                        <p> "reason": "成功",</p>

                        <p> "result": {</p>

                        <p> "realname": "***",/*真实姓名*/</p>

                        <p> "idcard": "******************",/*身份证号码*/</p>

                        <p> "orderid":"J103202010151450419556",/*流水号*/</p>

                        <p> "res": 1 /*1：匹配 2：不匹配*/</p>

                        <p> },</p>

                        <p> "error_code": 0</p>

                        <p> }</p>
                    </div>

                </div>
            </div>
            <!-- 联系我们 -->
            <div class="contentDiv">
                <div class="second-content second-contents">
                    <p class="explain">返回参数说明:</p>
                    <table>
                        <tr>
                            <th>内容</th>
                            <th>详细</th>

                        </tr>
                        <tr>
                            <td>售前咨询①:</td>
                            <td>0512-88869195</td>

                        </tr>
                        <tr>
                            <td> 客服热线:</td>
                            <td>400-882-7715</td>

                        </tr>
                        <tr>
                            <td> 在线客服QQ:</td>
                            <td> 800076065</td>

                        </tr>
                        <tr>
                            <td> 接口测试:</td>
                            <td> API测试工具</td>

                        </tr>
                    </table>
                </div>
            </div>
        </div>
        <!-- 选项卡右边内容 -->
        <div class="tab-right">
            <h3>活动推荐/Activity</h3>
            <ul>
                <li>
                    <img src="./imgs/sfz-aside1.png" alt="">
                </li>
                <li>
                    <img src="./imgs/details-aside02.png" alt="">
                </li>
                <li>
                    <img src="./imgs/details-aside02.png" alt="">
                </li>
            </ul>
            <!-- 猜你喜欢 -->
            <h3 class="like">猜你喜欢</h3>
            <div class="like-list">
                <div class="like-img"><img src="./imgs/API22.jpg" alt=""></div>
                <div class="like-item">
                    <p>银行卡四元素校验</p>
                    <span> 三网合一短信通道，验证码短信 · 系统通知 · 活动通知</span>
                </div>
            </div>
            <div class="like-list">
                <div class="like-img"><img src="./imgs/API30.jpg
                    " alt=""></div>
                <div class="like-item">
                    <p>身份证查询</p>
                    <span> 三网合一短信通道，验证码短信 · 系统通知 · 活动通知</span>
                </div>
            </div>
            <div class="like-list">
                <div class="like-img"><img src="./imgs//API33.jpg" alt=""></div>
                <div class="like-item">
                    <p>身份证OCR识别</p>
                    <span> 三网合一短信通道，验证码短信 · 系统通知 · 活动通知</span>
                </div>
            </div>
            <div class="like-list">
                <div class="like-img"><img src="./imgs/API36.jpg" alt=""></div>
                <div class="like-item">
                    <p>三网手机实名制认证</p>
                    <span> 三网合一短信通道，验证码短信 · 系统通知 · 活动通知</span>
                </div>
            </div>
           
        </div>

    </div>
    <!-- 现在注册，百款接口免费测试 -->
    <div class="free">
        <div class="container">
            <h2>现在注册，百款接口免费测试</h2>
            <button class="btn"><a href="#">免费注册</a></button>
        </div>

    </div>


    <!-- 页尾 -->
    <div class="footer1">
        <div class="footer container">
            <div class="footer-zuo cf">
                <div class="footer-zuo1 fl">
                    <p>联系与支持</p>
                    <ul>
                        <li><a href="#">400-882-7715</a></li>
                        <li><a href="#">售前咨询</a></li>
                        <li><a href="#">客服&售后</a></li>
                        <li><a href="#">常见问题</a></li>
                        <li><a href="#">极速工单</a></li>
                        <li><a href="#">投诉与建议</a></li>
                    </ul>

                </div>
                <div class="footer-zuo1 fl">
                    <p>关于源码</p>
                    <ul>
                        <li><a href="#">400-882-7715</a></li>
                        <li><a href="#">合作伙伴</a></li>
                        <li><a href="#">服务条款</a></li>
                        <li><a href="#">隐私政策</a></li>
                        <li><a href="#">市场合作</a></li>
                        <li><a href="#">反商业贿赂声明</a></li>
                    </ul>

                </div>
                <div class="footer-zuo1 fl">
                    <p>快速入口</p>
                    <ul>
                        <li><a href="#">400-882-7715</a></li>
                        <li><a href="#">API数据</a></li>
                        <li><a href="#">黑钻会员</a></li>
                        <li><a href="#">客服&售后</a></li>
                        <li><a href="#">新闻动态</a></li>
                        <li><a href="#">联系我们</a></li>
                    </ul>

                </div>
                <div class="footer-zuo1 fl">
                    <p>产品服务</p>
                    <ul>
                        <li><a href="#">400-882-7715</a></li>
                        <li><a href="#">云监测</a></li>
                        <li><a href="#">云查询</a></li>
                        <li><a href="#">云助手</a></li>
                        <li><a href="#">聚盒子</a></li>
                        <li><a href="#">云充值</a></li>

                    </ul>

                </div>
                <div class="footer-zuo1 fl">
                    <p>解决方案</p>
                    <ul>
                        <li><a href="#">400-882-7715</a></li>
                        <li><a href="#">数字中台</a></li>
                        <li><a href="#">慧集：API生命周期管理</a></li>
                        <li><a href="#">有赢：助力企业营销</a></li>
                        <li><a href="#">极速工单</a></li>
                        <li><a href="#">投诉与建议</a></li>
                    </ul>

                </div>
                <div class="fr footer-you">
                    <p class="footer-p">微信公众号</p>
                    <p class="footer-p1">源码时代</p>
                    <img src="imgs/wechat-white.png" alt="">
                </div>


            </div>

        </div>
    </div>
    <div class="footer-f">
        <p class="container footer-xia">
            <img src="imgs/bei2.png" alt="">
            <img src="imgs/bei1.png" alt="">
            增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
        </p>
    </div>
    <script src="../libc/lizi/js/lizi.js"></script>
    <script src="./js/APIdetails.js"></script>
</body>

</html>